<template>
  <div class="WorkDeteil">

    <el-row
      type="flex"
      class="row-bg"
      justify="center"
    >
      <el-col :span="18">
        <div class="grid-content bg-purple">名称:{{title}}</div>
      </el-col>
    </el-row>

    <el-row
      type="flex"
      class="row-bg"
      justify="center"
      v-if="msg"
    >
      <el-col :span="18">
        <div class="grid-content bg-purple">描述:{{msg}}</div>
      </el-col>
    </el-row>

  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: "WorkDeteil",
  data () {
    return {
      title: "服务异常",
      msg: ""
    };
  },
  created: function () {
    this.$http.workApi.details({ workID: this.$route.query.id }).then(data => {
      let d = data.data
      this.title = d.workName
      this.msg = d.workMsg
    });
  },
  methods: {},
  components: {}
};
</script>

<style scoped >
</style>
